<template>
  <el-row align="middle">
    <!-- <el-col :span="1">
      <el-checkbox v-if="mode==='multi'" :name="item"></el-checkbox>
    </el-col> -->
    <el-col :span="23" style="cursor:pointer">
      <div v-html="item.title" style="font-size: 14px;color:#606266"></div>
      <div v-html="item.value" style="font-size: 12px;color:#909399"></div>
      <div v-html="item.label" style="font-size: 12px;color:#909399"></div>
    </el-col>
    <el-col :span="1">
      <i class="iconfont icon-right"></i>
    </el-col>
  </el-row>

</template>

<script setup lang="ts">
import { onMounted, ref, defineProps } from "vue";
const props = defineProps({
  item: Object,
  default: {},
  mode: {
    type: String,
    default: "normal",
  },
  handleRefClick: {
    type: Function,
    default: () => {},
  },
});



// function handleClick(item: object) {
//   const { handleRefClick, mode } = props;

//   if (mode === "normal") {
//     const returnObj = {
//       id: item.id,
//       title: item.sname,
//     };
    

//     handleRefClick(returnObj);
//   }
// }
</script>

<style scoped>
</style>